<template>
  <div>
    <div class="itempannel-box">
      <img
        draggable="false"
        src=""
        data-type="node"
        data-shape="flow-capsule"
        data-size="80*36"
        data-color="#00b4a2"
        data-label="开始"
        data-name="start"
        class="getItem"
        style="width:80px;height:36px"
      >
    </div>
    <div class="itempannel-box">
      <img
        draggable="false"
        src=""
        data-type="node"
        data-shape="flow-rect"
        data-size="100*36"
        data-color="#1890FF"
        data-label="节点"
        data-name="normal"
        class="getItem"
        style="width:100px;height:36px"
      >
    </div>
    <div class="itempannel-box">
      <img
        draggable="false"
        src=""
        data-type="node"
        data-shape="flow-rhombus"
        data-size="100*42"
        data-color="#f1ab2b"
        data-label="决策"
        data-name="decision"
        class="getItem"
        style="width:100px;height:42px"
      >
    </div>
    <div class="itempannel-box">
      <img
        draggable="false"
        src=""
        data-type="node"
        data-shape="flow-rect"
        data-size="100*36"
        data-color="#a16fd4"
        data-label="远程节点"
        data-name="remote"
        class="getItem"
        style="width:100px;height:36px"
      >
    </div>
    <div class="itempannel-box">
      <img
        draggable="false"
        src=""
        data-type="node"
        data-shape="flow-capsule"
        data-size="80*36"
        data-color="#dc7370"
        data-label="结束"
        data-name="end"
        class="getItem"
        style="width:80px;height:36px"
      >
    </div>
  </div>
</template>
<script>
export default {
  name: 'FlowItemPannel',
  data() {
    return {}
  }
}
</script>

<style >
.itempannel-box {
  padding-top: 30px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
</style>
